<template>
  <div class="body">
    <header class="header">
      <div class="title">
        <img src="../../../assets/images/01_11.png" @click="getBack" alt class="img_zuo" />
        <div>巡查排查</div>
      </div>
    </header>
    <div class="contant">
      <div class="men-box" v-if="patrolData">
        <div class="list-box">
          <div class="dian" v-if="patrolData.b_type !== 'zdqy'">
            {{ patrolData.s_type_mc !== '' ? patrolData.s_type_mc : '无对象' }}-</div>
          <div class="dian" v-else>{{ patrolData.b_type !== 'zjgd' ? '企业' : '在建工地' }}-</div>
          <div class="yhd">
            <div>
              <div v-if="patrolData !== null && patrolData.b_type=='jxmd'">
                {{ patrolData.id !== '' && patrolData.id !== null ? patrolData.mc : '无对象' }}
              </div>
              <div v-else-if="patrolData !== null && patrolData.b_type=='jzw'">
                {{ patrolData.id !== '' && patrolData.id !== null ? patrolData.mc : '无对象' }}
              </div>
              <div v-else-if="patrolData !== null && patrolData.b_type=='zgf'">
                {{ patrolData.id !== '' && patrolData.id !== null ? patrolData.mc : '无对象' }}
              </div>
              <div v-else-if="patrolData !== null && patrolData.b_type=='zdqy'">
                {{ patrolData.id !== '' && patrolData.id !== null ? patrolData.mc : '无对象' }}
              </div>
              <div v-else-if="patrolData !== null && patrolData.b_type=='zjgd'">
                {{ patrolData.id !== '' && patrolData.id !== null ? patrolData.mc : '无对象' }}
              </div>
            </div>
          </div>
        </div>
      </div>
      <div v-show="zhuanname==''" class="renwu">
        <div>专项任务</div>
        <img @click="special" src="../../../assets/images/plus.png" />
      </div>
      <div v-if="zhuanname !== ''" :style="type === 9 ? 'pointer-events:none' : ''">
        <div class="men-box" @click="special">
          <div class="list-box">
            <div class="dian">专项任务-</div>
            <div class="yhd">{{ zhuanname }}</div>
          </div>
        </div>
        <div class="men-box" @click="special">
          <div class="list-box">
            <div class="dian">具体任务-</div>
            <div class="yhd">{{ juname }}</div>
          </div>
        </div>
      </div>
      <div v-show="qujiname==''&&jiedaoname==''&&shequname==''" class="renwu">
        <div>参加人员</div>
        <img @click="personal" src="../../../assets/images/plus.png" />
      </div>
      <div class="men-box" v-if="qujiname !== ''" @click="personal">
        <div class="list-box">
          <div class="dian">参加领导-</div>
          <div class="yhd">{{ qujiname }}</div>
        </div>
      </div>
      <div class="men-box" v-if="jiedaoname !== ''" @click="personal">
        <div class="list-box">
          <div class="dian">街道部门-</div>
          <div class="yhd">{{ jiedaoname }}</div>
        </div>
      </div>
      <div class="men-box" v-if="shequname !== ''" @click="personal">
        <div class="list-box">
          <div class="dian">社区-</div>
          <div class="yhd">{{ shequname }}</div>
        </div>
      </div>
      <div class="chooselist">
        <div
          class="panduan"
          :style="v.isok === '是' && type === 9 ? 'pointer-events:none' : ''"
          v-for="(v,index) of listed"
          :key="index"
          @touchstart="showDeleteButton(index)"
          @touchend="clearLoop(index)">
          <div class="panduan_title" v-show="v.standardId!=3">
            <span>{{index+1}}、</span>{{v.name}}
          </div>
          <div class="panduan_title rgewryg" v-show="v.standardId==3">
            <span>{{index+1}}、</span><textarea contenteditable="true" style="-webkit-user-select: auto !important;" id="txtbxnr" v-model="v.name" ref="count"></textarea>
          </div>
          <!--<div class="panduan_choose">
            <div @click="couse(index)" class="yes" v-show="!(v.standardId==2||v.standardId==3)" :class="v.isok=='是'?'active':''">是</div>
            <div @click="fou(index)" v-show="!(v.standardId==2||v.standardId==3)" class="no" :class="v.isok=='否'?'active':''">否</div>
            <div class="shanchu" @click="shanchu(index)" v-show="v.standardId==2||v.standardId==3">删除</div>
          </div>-->
          <div class="panduan_choose" v-if="!v.busheji">
            <div
              @click="couse(index)"
              class="yes"
              :style="v.isok === '否' && type === 9 ? 'pointer-events:none' : ''"
              :class="v.isok=='是'?'active':''">是</div>
            <div @click="fou(index)" class="no" :class="v.isok=='否'?'active':''">否</div>
          </div>
          <div class="panduan_choose" v-if="v.busheji">
            <div class="yes busheji">是</div>
            <div class="no busheji">否</div>
          </div>
          <div class="duoxuan" v-show="busheji_duoxuan" @click="duoxuan(index)">
            <img v-show="v.dx_bsj" src="../../../assets/images/rw_l.png" />
            <img v-show="!v.dx_bsj" src="../../../assets/images/circle.png" />
          </div>
        </div>
      </div>

      <div class="busheji_duoxuan" v-show="busheji_duoxuan">
        <button @click="busheji_duoxun">不涉及</button>
      </div>

      <div class="nextgo" v-show="!busheji_duoxuan">
        <div class="yyy" :style="type === 9 ? 'pointer-events:none' : ''">
          <div class="ly_tc" v-show="isLy">
            <img src="../../../assets/images/ly_dt.gif" alt="" />
          </div>
          <div class="yuyin_list">
            <div class="ly_start">
              <span class="ly" @touchstart="record($event)" @touchend="recordStop">
                <img src="../../../assets/images/mkf.png" />
                <span>按住说话</span>
              </span>
            </div>
            <div class="ly_play" data-url="">
              <div>
                <span class="ly">
                  <img src="../../../assets/images/play.png" />
                  <span class="ly_s">0"</span>
                </span>
                <img class="del_ly" src="../../../assets/images/delete.png" />
                <img class="zhuan" src="../../../assets/images/zhuan.png" />
              </div>
            </div>
          </div>
        </div>
        <div @click="next" ref="button" class="button">下一步</div>
      </div>
    </div>
    <!-- 专项任务弹框 -->
    <van-popup v-model="showrenwu" :close-on-click-overlay="false">
      <div class="contt1">
        <div class="tan_title">
          <div>专项任务</div>
          <img @click="showrenwu=false" src="../../../assets/images/false.png" />
        </div>
        <div class="main zxrw">
          <div v-for="(v,index) of renwulist" class="zxrw_fj" :key="index">
            <div @click="xuanzhe($event)" class="tanlist">
              <div class="">{{v.name}}</div>
            </div>
            <div class="jtrw hide">
              <div class="tanlist tanchild" :class="{acttive:x.xuanz}" v-for="(x,item) of v.list" :key="item"
                @click="xuanzhe2(x,index,item)" :data-id="v.id" :id="x.id" :data-name="v.name" :name="x.name">{{x.name}}
              </div>
            </div>
          </div>
        </div>
        <div class="tanyes" @click="queding">确定</div>
      </div>
    </van-popup>
    <!-- 参与人员弹框 -->
    <van-popup v-model="showperson" :close-on-click-overlay="false">
      <div class="contt1">
        <div class="tan_title">
          <div>参加人员</div>
          <img @click="showperson=false" src="../../../assets/images/false.png" />
        </div>
        <div class="main">
          <div class="personum">
            <div>人数</div>
            <input type="number" v-model="number" placeholder="请输入" />
          </div>
          <div class="boxg">
            <div class="close_flex" @click="btn($event)">
              <div>区级</div>
            </div>
            <div class="close_flex_next isShow">
              <div class="cesjiedao">
                <div @click="qujichoose(items,index)" v-for="(items,index) in listpersonArea" :key="index" class="namee"
                  :class="{acttive:items.xuanz}">{{items.username}}</div>
                <div class="namee">
                  <input @input="inputjy(1)" v-model="qujiadd" placeholder="请输入" />
                </div>
              </div>
            </div>
          </div>
          <div v-show="lev==1||lev==2" class="boxg">
            <div class="close_flex" @click="btn($event)">
              <div>街道/部门</div>
            </div>
            <div class="close_flex_next isShow">
              <div class="cesjiedao">
                <div @click="jiedaochoose(v,index)" v-for="(v,index) of listperson" :key="index" class="namee"
                  :class="{acttive:v.xuanz}">{{v.username}}</div>
                <div class="namee" v-show="lev==1||lev==2">
                  <input @input="inputjy(2)" v-model="jiedaoadd" placeholder="请输入" />
                </div>
              </div>
            </div>
          </div>
          <div v-show="lev==2" class="boxg">
            <div @click="btn($event)" class="close_flex">
              <div>社区</div>
            </div>
            <div class="close_flex_next isShow">
              <div class="cesjiedao">
                <div @click="shequchoose(items,index)" v-for="(items,index) in listpersons" :key="index" class="namee"
                  :class="{acttive:items.xuanz}">{{items.username}}</div>
                <div class="namee" v-show="lev==2">
                  <input @input="inputjy(3)" v-model="shequadd" placeholder="请输入" />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="tanyes" @click="personyes">确定</div>
      </div>
    </van-popup>
    <!-- 提示弹框删除已填写内容-->
    <van-popup v-model="tishi" :close-on-click-overlay="false">
      <div class="contt1">
        <div class="tan_title">
          <div>提示</div>
          <img @click="tishi=false" src="../../../assets/images/false.png" />
        </div>
        <div>
          <div class="neirong">
            <p>是否清空第{{index+1}}条已填写内容？</p>
          </div>
          <div class="shifou">
            <div @click="clickshi" class="shi">是</div>
            <div @click="tishi=false" class="fou">否</div>
          </div>
        </div>
      </div>
    </van-popup>
    <!-- 提示 -->
    <van-popup v-model="show" :close-on-click-overlay="false">
      <div class="contt1">
        <div class="tan_title">
          <div>提示</div>
          <img src="../../../assets/images/false.png" @click="show=false" />
        </div>
        <div class="tk-main">
          <div class="shangc">{{names}}</div>
          <div class="queding" @click="show=false">确定</div>
        </div>
      </div>
    </van-popup>
    <!-- 提示 -->
    <van-popup v-model="showyy" :close-on-click-overlay="false">
      <div class="contt1">
        <div class="tan_title">
          <div>提示</div>
          <img src="../../../assets/images/false.png" @click="showyy=false" />
        </div>
        <div class="tk-main">
          <div class="shangc">{{namesyy}}</div>
          <div class="queding" @click="closeyyts">确定</div>
        </div>
      </div>
    </van-popup>
    <!-- 不涉及，多选 -->
    <van-popup style="width: 30%;" v-model="busheji" :close-on-click-overlay="false">
      <div class="twochose">
        <div @click="clicknosheji" class="twochoose_fkjf">不涉及</div>
        <div @click="clickmore" class="twochoose_fkjf">多选</div>
      </div>
    </van-popup>
    <!-- 提示确定不涉及-->
    <van-popup v-model="bushejiyes" :close-on-click-overlay="false">
      <div class="contt1">
        <div class="tan_title">
          <div>提示</div>
          <img src="../../../assets/images/false.png" @click="bushejiyes=false" />
        </div>
        <div class="tk-main">
          <div class="shangc">确定不涉及！</div>
          <div class="queding" @click="shifoubushehi">确定</div>
        </div>
      </div>
    </van-popup>
  </div>
</template>
<script>
  import Vue from 'vue';
  import {
    Dialog
  } from 'vant';
  import audio from "../../../assets/js/audio.js"
  export default {
    name: "hard_work",
    data() {
      return {
        showrenwu: false, //弹框，选择任务
        showperson: false, //弹框选择人员
        qujiname: "",
        jiedaoname: "",
        shequname: "",
        zhuanname: "",
        juname: "",
        listpersonArea: [], //区级list
        listperson: [], //街道list
        listpersons: [], //社区list
        patrolTroubleshootId: 534, //68
        userId: 2867, //2789
        type: 2, //2
        shequadd: '', //输入框新增社区人员
        jiedaoadd: '', //输入框新增街道人员
        qujiadd: '', //输入框新增区级人员
        allid: [],
        personchuan: [],
        number: "", //选择人数的个数
        number_1: 0,
        listed: [], //隐患选项列表
        tishi: false, //弹框提示。否选是
        show: false, //提示确定
        names: '', //提示确定的内容
        isLy: false, //语音上传某某
        renwulist: '', //任务list
        busheji: false, //不涉及和多选的弹框
        bushejiyes: false, //不涉及确定按钮
        xiabiao: '', //不涉及下标定位
        quedingbusheji: '',
        lev: '',
        namesyy: '',
        indexyy: '',
        showyy: false,
        yyreadshow: false,
        index: '', //记录点击是的隐患下标
        // saomachuan: '',
        renwuchuan: '', //专项任务传的字符串
        tool: '',
        touch_time: 0,
        touch_timer: null,
        busheji_index: null,
        busheji_duoxuan: false,
        patrolData: {}
      };
    },
    methods: {
      setBusheji(index) {
        var _this = this;
        var obj = this.listed[index];
        var busheji_list = localStorage.getItem("busheji_list") ? JSON.parse(localStorage.getItem("busheji_list")) : [];
        var flag = true; //是否新增不涉及
        for (var n = 0; n < busheji_list.length; n++) {
          if (busheji_list[n].id == obj.id) {
            flag = false;
          }
        }
        if (flag) {
          busheji_list.push(obj);
          localStorage.setItem("busheji_list", JSON.stringify(busheji_list));
          var qk_list = [];
          qk_list.push(obj);
          _this.qingkong(qk_list);
        }
      },
      qingkong(list) {
        var _this = this;
        if (list && list.length > 0) {
          var ids = '';
          var names = '';
          for (var n = 0; n < list.length; n++) {
            ids += list[n].id + ',';
            names += list[n].id + ",,,是;";
          }
          ids = ids.substring(0, ids.length - 1);
          names = names.substring(0, names.length - 1);

          _this.axios.get(
            `${_this.$global_msg.Url.host}/Xx/updateSearchInformation?patrolCheckTheDictionaryVo=${names}`, {
            headers: {
              "Content-Type": "application/json"
            }
          }).then(res => {
            console.log(res)
            _this.axios.get(
              `${_this.$global_msg.Url.host}/partroInspection/deleteDangerDec?patrol=${_this.patrolTroubleshootId}&id=${ids}`, {
              headers: {
                "Content-Type": "application/json"
              }
            }).then(res => {
              _this.listarry();
            })
          })
        } else {
          _this.listarry();
        }
      },
      duoxuan(index) {
        this.listed[index].dx_bsj = !this.listed[index].dx_bsj;
        this.$forceUpdate();
      },
      clickmore() {
        for (var n = 0; n < this.listed.length; n++) {
          if (this.listed[n].busheji) {
            this.listed[n].dx_bsj = true;
          } else {
            this.listed[n].dx_bsj = false;
          }
        }
        this.busheji_duoxuan = true;
        this.busheji = false;
      },
      clicknosheji() {
        this.bushejiyes = true;
      },
      busheji_duoxun() {
        var _this = this;
        _this.bushejiyes = true;
      },
      shifoubushehi() {
        var _this = this;
        if (_this.busheji_duoxuan) {
          var busheji_list = [];
          var name = '';
          for (var n = 0; n < _this.listed.length; n++) {
            if (_this.listed[n].dx_bsj) {
              if (_this.listed[n].standardId == 2 || _this.listed[n].standardId == 3) {
                name += _this.listed[n].id + ",,,删除:"
              } else {
                busheji_list.push(_this.listed[n]);
              }
            }
          }
          localStorage.setItem("busheji_list", JSON.stringify(busheji_list));

          if (name) {
            name = name.substring(0, name.length - 1);
            _this.axios.get(
              `${_this.$global_msg.Url.host}/Xx/updateSearchInformationByDel?patrolCheckTheDictionaryVo=${name}`
            ).then(res => {
              console.log(res)
              _this.qingkong(busheji_list);
            })
          } else {
            _this.qingkong(busheji_list);
          }
          _this.busheji_duoxuan = false;
          _this.bushejiyes = false;
        } else {
          this.bushejiyes = false;
          this.busheji = false;
          if (this.listed[this.busheji_index].standardId == 2 || this.listed[this.busheji_index].standardId == 3) {
            this.indexyy = this.busheji_index;
            this.closeyyts();
          } else {
            this.setBusheji(this.busheji_index);
          }
        }
      },
      showDeleteButton(index) { //长按点击事件
        var _this = this;
        if (_this.busheji_duoxuan) {
          return;
        }
        if (_this.touch_timer) {
          return;
        }
        _this.touch_time = 0;
        _this.touch_time += 100;
        _this.touch_timer = setInterval(function () {
          if (_this.touch_time > 800) {
            clearInterval(_this.touch_timer);
            _this.touch_timer = null;
            _this.busheji = true;
            _this.touch_time = 0;
            _this.busheji_index = index;
          } else {
            _this.touch_time += 100;
          }
        }, 100);
      },
      clearLoop(index) {
        // clearInterval(timer);
        var _this = this;
        if (_this.busheji_duoxuan) {
          return;
        }
        if (_this.touch_timer) {
          clearInterval(_this.touch_timer);
          _this.touch_timer = null;
          if (_this.touch_time > 800) {
            _this.busheji = true;
            _this.touch_time = 0;
            _this.busheji_index = index;
          }
        }
      },
      inputjy(x) { //添加人员时输入框
        if (x == 1) {
          if (this.qujiadd !== '') {
            this.qujiadd = this.qujiadd.replace(/[,|、]/g, '，');
          }
        } else if (x == 2) {
          if (this.jiedaoadd !== '') {
            this.jiedaoadd = this.jiedaoadd.replace(/[,|、]/g, '，');
          }
        } else {
          if (this.shequadd !== '') {
            this.shequadd = this.shequadd.replace(/[,|、]/g, '，');
          }
        }
      },
      clickshi() { //提示弹框的是
        this.tishi = false
        var index = this.index
        this.listed[index].isok = "是"
        var name = this.listed[index].id + ",,," + this.listed[index].isok
        let id = this.listed[index].id
        console.log(id)
        this.axios.get(
          `${this.$global_msg.Url.host}/Xx/updateSearchInformation?patrolCheckTheDictionaryVo=${name}`, {
          headers: {
            "Content-Type": "application/json"
          }
        }).then(res => {
          console.log(res)
          this.axios.get(
            `${this.$global_msg.Url.host}/partroInspection/deleteDangerDec?patrol=${this.patrolTroubleshootId}&id=${id}`, {
            headers: {
              "Content-Type": "application/json"
            }
          }).then(res => {
            console.log(res)
            this.names = res.data.rows
            this.show = true
          })
        })
      },
      getBack() { //返回
        this.$router.back()
      },
      couse(index) { //点击是选项
        if (this.busheji_duoxuan) {
          return;
        }
        if (this.listed[index].isok == "否") {
          this.tishi = true
          this.index = index
        } else {
          this.listed[index].isok = "是"
          var name = this.listed[index].id + ",,," + this.listed[index].isok
          this.axios.get(
            `${this.$global_msg.Url.host}/Xx/updateSearchInformation?patrolCheckTheDictionaryVo=${name}&patrolTroubleshootId=${this.patrolTroubleshootId}`
          ).then(res => {
            console.log(res)
          })
        }
      },
      param() {
        let param_fgd = {
          zhuanname: this.zhuanname,  //  显示的专项任务
          juname: this.juname,  //  显示的具体任务
          Districts: this.qujiname,  //  显示的参加领导人
          Streets: this.jiedaoname,  //  显示的街道部门人
          communitys: this.shequname,  //  显示的社区人
        }
        localStorage.setItem('param_fgd', JSON.stringify(param_fgd));
      },
      fou(index) { //点击否
        if (this.busheji_duoxuan) {
          return;
        }
        sessionStorage.setItem("foulist", JSON.stringify(this.listed[index]))
        // this.listed[index].isok = "否"
        sessionStorage.setItem("goto", 88)
        this.param();
        this.$router.push("/yinhuanhard");
        localStorage.removeItem('troubleBool');
      },
      shanchu(index) { //点击删除
        this.showyy = true
        this.namesyy = "是否删除第" + (index + 1) + "条数据"
        this.indexyy = index
      },
      closeyyts() {
        this.showyy = false
        var _this = this;
        var name = this.listed[this.indexyy].id + ",,,删除"
        _this.axios.get(
          `${_this.$global_msg.Url.host}/Xx/updateSearchInformationByDel?patrolCheckTheDictionaryVo=${name}`
        ).then(res => {
          console.log(res)
          _this.listarry();
        })
      },
      btn(e) { //点击弹框区级，街道，社区展示下拉选项
        $(e.currentTarget).parents(".boxg").find(".close_flex_next").toggleClass("isShow")
        $(e.currentTarget).parents(".boxg").siblings().find(".close_flex_next").addClass("isShow")
      },
      qujichoose(v, index) { //选择区级
        console.log(v)
        var xuanz = v.xuanz ? false : true;
        this.listpersonArea[index].xuanz = xuanz;
        this.$forceUpdate();
        if (v.xuanz) {
          this.number_1 += 1
          if (this.number_1 !== 0) {
            this.number = this.number_1
          } else {
            this.number = ""
          }
        } else {
          this.number_1 -= 1
          if (this.number_1 !== 0) {
            this.number = this.number_1
          } else {
            this.number = ""
          }
        }
      },
      jiedaochoose(v, index) {
        var xuanz = v.xuanz ? false : true;
        this.listperson[index].xuanz = xuanz;
        this.$forceUpdate();
        if (v.xuanz) {
          this.number_1 += 1
          if (this.number_1 !== 0) {
            this.number = this.number_1
          } else {
            this.number = ""
          }
        } else {
          this.number_1 -= 1
          if (this.number_1 !== 0) {
            this.number = this.number_1
          } else {
            this.number = ""
          }
        }
      },
      shequchoose(v, index) {
        var xuanz = v.xuanz ? false : true;
        this.listpersons[index].xuanz = xuanz;
        this.$forceUpdate();
        if (v.xuanz) {
          this.number_1 += 1
          if (this.number_1 !== 0) {
            this.number = this.number_1
          } else {
            this.number = ""
          }
        } else {
          this.number_1 -= 1
          if (this.number_1 !== 0) {
            this.number = this.number_1
          } else {
            this.number = ""
          }
        }
      },
      xuanzhe(e) { //专项任务弹框的下拉选项
        $(e.currentTarget).parents(".zxrw_fj").find(".jtrw").toggleClass("hide")
        $(e.currentTarget).parents(".zxrw_fj").siblings().find(".jtrw").addClass("hide")
      },
      xuanzhe2(x, index, item) {
        var _this = this;
        var xuanz = x.xuanz ? false : true;
        _this.renwulist[index].list[item].xuanz = xuanz;
        _this.$forceUpdate()
      },
      next() { //下一步按钮
        this.$refs.button.style.pointerEvents = 'none';
        try {
          plus.nativeUI.showWaiting("正在加载...");
        } catch (e) {
          console.log('plus问题');
        }
        var _this = this
        var yeschuan = ''
        if (_this.personchuan.length !== 0) {
          _this.personchuan.forEach((k) => {
            yeschuan += ':' + k
          })
          yeschuan = yeschuan.substring(1)
        }
        console.log(yeschuan)
        // let persongive = ''
        // if (yeschuan == '') {
        //   persongive = _this.saomachuan
        // } else {
        // persongive = yeschuan
        // }
        // console.log(persongive)
        if (_this.number == "") {
          _this.number = 1
        } else {
          _this.number += 1
        }
        console.log(_this.number)
        var lastId = 0;
        var lastInfo = '';
        var shifoulength = 0;
        for (var n = 0; n < _this.listed.length; n++) {
          if (_this.listed[n].busheji) {
            shifoulength++;
          } else {
            if (_this.listed[n].standardId == 3) {
              lastId = _this.listed[n].id;
              lastInfo = _this.listed[n].name;
            }
            if (_this.listed[n].isok == '是' || _this.listed[n].isok == '否') {
              shifoulength++;
            }
          }
        }
        if (shifoulength !== _this.listed.length) {
          try {
            plus.nativeUI.closeWaiting();
          } catch (e) {
            console.log('plus问题');
          }
          _this.names = "隐患请选择完整"
          _this.show = true
        } else {
          this.axios
            .post(_this.$global_msg.Url.host + "/Xx/insertSearchInformation?userInfoVos=" + yeschuan +
              "&patrolTroubleshootId=" + _this.patrolTroubleshootId + '&task=' + _this.renwuchuan + '&number=' +
              _this.number + '&lastInfo=' + lastInfo + '&lastId=' + lastId, {
              headers: {
                "Content-Type": "application/json"
              }
            }).then(res => {
              try {
                plus.nativeUI.closeWaiting();
              } catch (e) {
                console.log('plus问题');
              }
              console.log(res);
              if (res.data.code == 0) {
                var allyes = $(".panduan_choose").find(".yes.active").length + $(".panduan_choose").find(
                  ".yes.busheji").length
                console.log(allyes)
                console.log(_this.listed.length)
                var yeslength
                if (allyes == _this.listed.length) {
                  yeslength = 1
                } else {
                  yeslength = 2
                }
                if (yeslength === 1) {
                  this.param();
                  this.$router.push("/yinhuanhard_over");
                } else {
                  this.$router.push({
                    path: '/trouble_list'
                  });
                }
                sessionStorage.setItem("goto", 88)
                localStorage.setItem('patrolTroubleshootId', this.patrolTroubleshootId)
                sessionStorage.setItem("yeslength", yeslength)
              }
              // alert(JSON.stringify(res))
            }).catch((err) => {
              console.log(err)
            });
        }
        this.$refs.button.style.pointerEvents = 'none';
      },
      special() { //点击专项任务展示弹框
        this.showrenwu = true;
      },
      personal() { //点击专项任务和选择弹出弹框
        this.showperson = true;
        // this.getperson()
      },
      queding() { //专项任务的确定按钮
        this.showrenwu = false
        let fid = []
        let did = []
        let fidname = []
        let didname = []
        let html = ""
        let str = ""
        $(".zxrw .acttive").each(function (i, item) {
          fidname.push($(item).attr("data-name"))
          didname.push($(item).attr("name"))
          fid.push($(item).attr("data-id"))
          did.push({
            dataid: $(item).attr("data-id"),
            id: $(item).attr("id")
          })
        })
        fidname = [...new Set(fidname)]
        fid = [...new Set(fid)]
        for (let i of fid) {
          html += "|"
          for (let ii of did) {
            if (i == ii.dataid) {
              html += "," + ii.id
              console.log(1111)
            }
          }
        }
        html = html.substring(1).split("|")
        for (let i = 0; i < fid.length; i++) {
          for (let ii = 0; ii < html.length; ii++) {
            if (i == ii) {
              str += "a" + fid[i] + "," + html[i]
              console.log(2222)
            }
          }
        }
        str = str.substring(1)
        this.zhuanname = fidname.join()
        this.juname = didname.join()
        sessionStorage.setItem("fidname", JSON.stringify(fidname))
        sessionStorage.setItem("didname", JSON.stringify(didname))
        console.log(str)
        this.renwuchuan = str
        sessionStorage.setItem("str", str)
      },
      personyes() { //参与人员的确定按钮
        this.showperson = false;
        var _this = this;
        var qujiname = [];
        var jiedaoname = [];
        var shequname = [];
        let qujiaddperson = []
        let chuan = []
        let allid = []
        console.log(_this.qujiadd)
        if (_this.qujiadd !== "") {
          console.log(_this.qujiadd.split("，"))
          _this.qujiadd.split('，').forEach((x) => {
            let a = `null,,,0,,,${x},,,null,,,null`
            chuan.push(a)
            qujiname.push(x)
            qujiaddperson.push({
              addname: `0,,,${x}`
            })
          })
          _this.qujiadd = ""
        }
        if (_this.jiedaoadd !== "") {
          console.log(_this.jiedaoadd.split("，"))
          _this.jiedaoadd.split('，').forEach((x) => {
            let a = `null,,,1,,,${x},,,null,,,null`
            chuan.push(a)
            jiedaoname.push(x)
            qujiaddperson.push({
              addname: `1,,,${x}`
            })
          })
          _this.jiedaoadd = ""
        }
        if (_this.shequadd !== "") {
          console.log(_this.shequadd.split("，"))
          _this.shequadd.split('，').forEach((x) => {
            let a = `null,,,2,,,${x},,,null,,,null`
            chuan.push(a)
            shequname.push(x)
            qujiaddperson.push({
              addname: `2,,,${x}`
            })
          })
          _this.shequadd = ""
        }
        var addpersonchuan = ''
        qujiaddperson.forEach((v, index) => {
          addpersonchuan += ':' + v.addname
        })
        addpersonchuan = addpersonchuan.substring(1)
        console.log(addpersonchuan)
        _this.listpersonArea.forEach((n, item) => {
          if (n.xuanz == true) {
            let a = `${n.dwid},,,${n.lev},,,${n.username},,,${n.teamUser},,,${n.id}`
            chuan.push(a)
            allid.push(n.id);
            if (n.teamUser !== 0 || n.teamUser == null) {
              qujiname.push(n.username);
            }
          }
        })
        console.log(qujiname)
        _this.qujiname = qujiname.join()
        _this.listperson.forEach((n, item) => {
          if (n.xuanz == true) {
            let a = `${n.dwid},,,${n.lev},,,${n.username},,,${n.teamUser},,,${n.id}`
            chuan.push(a)
            allid.push(n.id);
            if (n.teamUser !== 0 || n.teamUser == null) {
              jiedaoname.push(n.username);
            }
          }
        })
        console.log(jiedaoname)
        _this.jiedaoname = jiedaoname.join()
        _this.listpersons.forEach((n, item) => {
          if (n.xuanz == true) {
            let a = `${n.dwid},,,${n.lev},,,${n.username},,,${n.teamUser},,,${n.id}`
            chuan.push(a)
            allid.push(n.id);
            shequname.push(n.username);
          }
        })
        console.log(shequname)
        _this.shequname = shequname.join()
        this.axios.get(this.$global_msg.Url.host + "/Xx/insertPersonnelLevel?patrolTroubleshootId=" + this.patrolTroubleshootId +
          '&newUserInfoVos=' + addpersonchuan + '&userId=' + this.userId + '&type=0')
          .then(res => {
            console.log(res)
            res.data.rows.forEach((n) => {
              allid.push(n)
            })
            _this.allid = allid
            _this.personchuan = chuan
            _this.number = allid.length
            // _this.getperson()
            console.log(allid)
            console.log(chuan)
            console.log(_this.number)
            var detailsession = {
              qujiname: qujiname,
              jiedaoname: jiedaoname,
              shequname: shequname,
              allid: allid,
              personchuan: chuan,
            }
            sessionStorage.setItem("detailsession", JSON.stringify(detailsession))
          })
      },
      listarry() { //获取隐患列表
        try {
          plus.nativeUI.showWaiting("正在加载...");
        } catch (e) {
          console.log('plus问题');
        }
        this.axios
          .get(this.$global_msg.Url.host + "/Xx/selectCheckInFo?patrolTroubleshootId=" + this.patrolTroubleshootId)
          .then(res => {
            this.toast()
            console.log(res);
            console.log(res.data.rows.CheckInFo);
            var busheji_list = localStorage.getItem("busheji_list") ? JSON.parse(localStorage.getItem("busheji_list")) :
              [];
            res.data.rows.CheckInFo.forEach((v, index) => {
              // console.log(v.isok)
              if (v.isok == 0 && v.isok !== "") {
                res.data.rows.CheckInFo[index].isok = "是"
                console.log(1111)
              } else if (v.isok == 1 && v.isok !== "") {
                console.log(222222)
                res.data.rows.CheckInFo[index].isok = "否"
              }
              for (var n = 0; n < busheji_list.length; n++) {
                if (busheji_list[n].id == v.id) {
                  res.data.rows.CheckInFo[index].busheji = true;
                }
              }
            })
            this.listed = res.data.rows.CheckInFo;
          });
      },
      toast() {
        try {
          plus.nativeUI.closeWaiting();
        } catch (e) {
          console.log('plus问题');
        }
      },
      taskCache (data) {
        let a = [];
        let b = [];
        data.map(item => {
          a.push(item.name);
          item.list.map(items => {
            b.push(items.name);
          })
        })
        sessionStorage.setItem("fidname", JSON.stringify(a))
        sessionStorage.setItem("didname", JSON.stringify(b))
      },
      renwu() { //获取专项任务的数据列表
        try {
          plus.nativeUI.showWaiting("正在加载...");
        } catch (e) {
          console.log('plus问题');
        }
        this.axios.get(this.$global_msg.Url.host + "/partroInspection/selectTask?patrolTroubleshootId=" + this.patrolTroubleshootId +
          "&userId=" + this.userId)
          .then(res => {
            console.log(res);
            this.toast()
            this.renwulist = res.data.rows.task;
            if (res.data.rows.task1.length > 0) {
              this.taskCache(res.data.rows.task1);
              let fidname = JSON.parse(sessionStorage.getItem("fidname"))
              let didname = JSON.parse(sessionStorage.getItem("didname"))
              console.log(didname)
              if (didname !== null || didname.length !== 0) {
                this.zhuanname = fidname.join()
                this.juname = didname.join()
                this.renwulist.forEach((item, n) => {
                  this.renwulist[n].list.forEach((itt, i) => {
                    didname.forEach(items => {
                      if (itt.name == items) {
                        this.renwulist[n].list[i].xuanz = true
                      }
                    })
                  })
                })
                let str = sessionStorage.getItem("str")
                this.renwuchuan = str
              }
            }
            var _this = this
            if (Number(this.type) !== 9) {
              let fidname = JSON.parse(sessionStorage.getItem("fidname"))
              let didname = JSON.parse(sessionStorage.getItem("didname"))
              console.log(didname)
              if (didname !== null || didname.length !== 0) {
                _this.zhuanname = fidname.join()
                _this.juname = didname.join()
                _this.renwulist.forEach((item, n) => {
                  _this.renwulist[n].list.forEach((itt, i) => {
                    didname.forEach(items => {
                      if (itt.name == items) {
                        _this.renwulist[n].list[i].xuanz = true
                      }
                    })
                  })
                })
                let str = sessionStorage.getItem("str")
                _this.renwuchuan = str
              }
            }
          });
      },
      getperson() {
        try {
          plus.nativeUI.showWaiting("正在加载...");
        } catch (e) {
          console.log('plus问题');
        }
        this.axios.get(this.$global_msg.Url.host + "/Xx/selectPersonnelLevel?patrolTroubleshootId=" + this.patrolTroubleshootId +
          "&userId=" + this.userId).then(res => {
            console.log(res);
            this.toast()
            this.listpersonArea = res.data.rows.quji;
            this.listperson = res.data.rows.jiedao;
            this.listpersons = res.data.rows.shequ;
            this.lev = res.data.rows.lev
            var _this = this
            var data = res.data.rows
            // var saomachuan = ''
            // saomachuan = ':' + data.dwid + ',,,' + data.lev + ',,,' + data.name + ',,,' + data.teamUser
            // _this.saomachuan = saomachuan.substring(1)
            if (Number(this.type) !== 9) {
              let detailsession = JSON.parse(sessionStorage.getItem("detailsession"))
              console.log(detailsession)
              if (detailsession !== null) {
                _this.qujiname = detailsession.qujiname.join()
                _this.jiedaoname = detailsession.jiedaoname.join()
                _this.shequname = detailsession.shequname.join()
                _this.number = detailsession.allid.length
                _this.number_1 = detailsession.allid.length
                _this.personchuan = detailsession.personchuan
                _this.listpersonArea.forEach((item, k) => {
                  detailsession.allid.forEach((n) => {
                    if (item.id == n) {
                      _this.listpersonArea[k].xuanz = true
                    }
                  })
                })
                _this.listperson.forEach((item, k) => {
                  detailsession.allid.forEach((n) => {
                    if (item.id == n) {
                      _this.listperson[k].xuanz = true
                    }
                  })

                })
                _this.listpersons.forEach((item, k) => {
                  detailsession.allid.forEach((n) => {
                    if (item.id == n) {
                      _this.listpersons[k].xuanz = true
                    }
                  })
                })
              }
            }
            this.changePop(data.two)
        })
      },
      // 人员渲染
      changePop (data) {
        let arr = [];
        let arrs = [];
        let arrss = [];
        let that = this;
        data.map((item, index) => {
          if (0 === item.level && Number(that.userId) !== item.userId) {
            let a = `${item.levelid},,,${item.level},,,${item.name},,,${item.lev},,,${item.userId}`;
            that.personchuan.push(a)
            that.allid.push(item.userId);
            if (item.lev !== 0 || item.lev == null) {
              arr.push(item.name)
            }
          }
          if (1 === item.level && Number(that.userId) !== item.userId) {
            let a = `${item.levelid},,,${item.level},,,${item.name},,,${item.lev},,,${item.userId}`;
            that.personchuan.push(a)
            that.allid.push(item.userId);
            if (item.lev !== 0 || item.lev == null) {
              arrs.push(item.name);
            }
          }
          if (2 === item.level && Number(that.userId) !== item.userId) {
            let a = `${item.levelid},,,${item.level},,,${item.name},,,${item.lev},,,${item.userId}`;
            that.personchuan.push(a)
            that.allid.push(item.userId);
              arrss.push(item.name);
          }
        })
        that.qujiname = arr.join();
        that.jiedaoname = arrs.join();
        that.shequname = arrss.join();
        that.listpersonArea.map((item, index) => {
          that.allid.map((items) => {
            if (item.id === items) {
              that.listpersonArea[index].xuanz = true
            }
          })
        })
        that.listperson.map((item, index) => {
          that.allid.map((items) => {
            if (item.id === items) {
              that.listperson[index].xuanz = true
            }
          })
        })
        that.listpersons.map((item, index) => {
          that.allid.map((items) => {
            if (item.id === items) {
              that.listpersons[index].xuanz = true
            }
          })
        })
        if (that.allid.length > 0) {
          that.number = that.allid.length
          that.number_1 = that.allid.length
        }
      },
      //录音
      record(event) {
        var _this = this;
        _this.isLy = true;
        _this.$forceUpdate();
        audio.stop();
        audio.record(function (data) {
          console.log(data);
          _this.isLy = false;
          var path = data.url;
          audio.zhuan(path, function (res) {
            _this.addYuyinText(res);
          }, function (msg) {
            _this.$toast(msg)
          })
        }, function (msg) {
          console.log(msg)
          _this.$toast(msg);
          _this.isLy = false;
          _this.$forceUpdate();
        });
        event.preventDefault();
      },
      //停止录音
      recordStop() {
        this.isLy = false;
        audio.stop();
        this.$forceUpdate();
      },
      addYuyinText(info) { //语音转文字后进行保存
        var _this = this;
        var lastId = 0;
        var lastInfo = '';
        for (var n = 0; n < _this.listed.length; n++) {
          if (_this.listed[n].standardId == 3) {
            lastId = _this.listed[n].id;
            lastInfo = _this.listed[n].name;
          }
        }
        try {
          plus.nativeUI.showWaiting("正在加载...");
        } catch (e) {
          console.log('plus问题');
        }
        _this.axios.get(
          `${_this.$global_msg.Url.host}/Xx/insertPatrolTroubleshootInfo?lastId=${lastId}&info=${info}&lastInfo=${lastInfo}&patrolTroubleshootId=${this.patrolTroubleshootId}`
        ).then(res => {
          console.log(res)
          try {
            plus.nativeUI.closeWaiting();
          } catch (e) {
            console.log('plus问题');
          }
          _this.listarry();
        })
      },
    },
    mounted() {
      document.body.style.backgroundColor = "#F7F7F9";
      audio.init(this.mui);
      //物理返回
      // window.addEventListener("popstate", function(){
      //   _this.getBack();
      // }, false);
    },
    created() {
      this.userId = localStorage.getItem("userId") //获取访问id
      console.log(this.userId)
      let data = JSON.parse(sessionStorage.getItem("scan_canshu_data"));
      this.type = data.type;
      this.patrolTroubleshootId = Number(localStorage.getItem("patrolTroubleshootId"))
      this.patrolData = JSON.parse(localStorage.getItem('xcdx_map_xcdxObj'));
      this.listarry();
      this.renwu()
      this.getperson()
    }
  };
</script>
<style scoped>
  .panduan_title,
  .yyy {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /*textarea,#txtbxnr{*/
  /*  -webkit-user-select:auto !important;*/
  /*  -khtml-user-select:auto !important;*/
  /*  -moz-user-select:auto !important;*/
  /*  -ms-user-select:auto !important;*/
  /*  user-select:auto !important;*/
  /*}*/
  .twochoose_fkjf {
    height: 1.388888rem;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
    line-height: 1.388888rem;
  }

  .rgewryg {
    display: flex;
  }

  .rgewryg span {
    margin-top: 0.2rem;
  }

  #txtbxnr {
    /* border: 1px solid red; */
    flex: 1;
    background-color: #EFEFF0;
    border-radius: 0.18rem;
    padding: 0.2rem 0;
    /* height: 1.5rem; */
    vertical-align: middle;
    align-items: center;


  }

  .neirong {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
  }

  .shifou {
    display: flex;
    justify-content: space-around;
    padding-bottom: 0.2rem;
  }

  .shifou div {
    color: #2b6cfe;
    width: 40%;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    border-radius: 0.1rem;
    border: 1px solid #2b6cfe;
  }

  .van-popup {
    width: 80%;
    border-radius: 0.18rem;
  }

  .isShow {
    display: none;
  }

  .cesjiedao {
    display: flex;
    /* justify-content: space-around; */
    flex-wrap: wrap;
    /* margin-left:8% ; */
    /* border: 1px solid red; */
  }

  .cesjiedao .namee {
    width: 25%;
    height: 1.388888rem;
    line-height: 1.388888rem;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
  }

  .namee input {
    /* border: 1px solid #f2f2f2; */
    width: 100%;
    height: 80%;
    text-align: center;
  }

  .close_flex {
    padding: 0 0.5rem;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    height: 1.388888rem;
    line-height: 1.388888rem;
  }

  .main {
    max-height: 6.944444rem;
    overflow-y: scroll;
  }

  .tk-main {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0.4rem 0;
  }

  .shangc {
    width: 80%;
    margin-bottom: 40px;
  }

  .queding {
    width: 30%;
    color: white;
    text-align: center;
    background-color: #2B6CFE;
    border-radius: 0.092592rem;
    padding: 0.2rem 0;
    margin-top: 0.2rem;
  }

  .magin {
    margin-top: 0.1rem;
  }

  .panduan_choose {
    display: flex;
  }

  .panduan_choose div {
    height: 0.8rem;
    width: 1.5rem;
    border: 0.018518rem solid #666666;
    text-align: center;
    line-height: 0.8rem;
    border-radius: 0.1rem;
  }

  .panduan_choose div:nth-child(2) {
    margin-left: 0.2rem;
  }

  .chooselist {
    background: white;
    margin-top: 0.14rem;
    border-radius: 0.2rem;
    margin-bottom: 1.5rem;
  }

  .panduan {
    height: auto;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.2rem 0;
  }

  .panduan span {
    margin-left: 0.1rem;
  }

  .panduan_title {
    /*width: 70%;*/
    flex: 1;
    margin: 0rem 0.05rem;
  }

  .tanyes {
    color: white;
    background-color: #2b6cfe;
    width: 2.5rem;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    margin: 0.3rem auto;
    border-radius: 0.1rem;
  }

  .tanyesed {
    color: white;
    background-color: #2b6cfe;
    width: 2.5rem;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    margin: 0.3rem auto;
    border-radius: 0.1rem;
  }

  .tanlist {
    display: flex;
    align-items: center;
    padding: 0.3rem;
    border-bottom: 1px solid #ddd;
  }
  .jtrw > div {
    padding: 0.3rem 1rem;
  }
  .tanchild {
    padding: 0 1rem;
  }

  .acttive {
    color: #2b6cfe;
  }

  .active {
    background-color: #2b6cfe;
    color: white;
  }

  .personum {
    height: 1.388888rem;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-left: 0.5rem; */
    padding: 0 0.4rem;
  }

  .tan_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1rem;
    padding: 0 0.2rem;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0.3rem;
  }

  .tan_title img {
    width: 0.45rem;
  }

  .personum input {
    width: 50%;
    /* border: 1px solid red; */
  }

  .hide {
    display: none;
  }

  .contt1 {
    width: 100%;
  }

  .zhuanren {
    height: auto;
    background: white;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0.3rem;
    align-items: center;
  }

  .zhuanzhu {
    width: 80%;
    text-align: right;
    /* border: 1px solid red; */
  }

  .renwu {
    height: 1.388888rem;
    background: white;
    border-bottom: 1Px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
    padding: 0 0.3rem;
    align-items: center;
  }

  .zhuanju {
    /* border: 1px solid red; */
    width: 2rem;
  }

  .renwu img {
    width: 0.6rem;
  }

  .nextgo {
    display: flex;
    justify-content: space-between;
    height: 1.2rem;
    align-items: center;
    position: fixed;
    bottom: 0rem;
    width: 100%;
  }

  .button {
    width: 30%;
    height: 100%;
    color: white;
    text-align: center;
    line-height: 1.2rem;
    background-color: #2b6cfe;
  }

  .yyy {
    width: 70%;
    height: 1.2rem;
  }

  .contant {
    margin-top: 1.8519rem;
    border: 1px solid #F7F7F9;
  }

  .shanchu {
    background-color: #2b6cfe;
    color: white;
    border: 1px solid white;
  }

  .header {
    height: 1.8519rem;
    background: #007aff;
    padding-top: 0.8333rem;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 20;
    font-size: 0.388888rem;
  }

  .title {
    padding: 0 0.3704rem;
    display: flex;
    align-items: center;
    color: #fff;
  }

  .title>div {
    width: 100%;
    font-size: 0.4444rem;
    text-align: center;
  }

  .img_zuo {
    width: 0.2593rem;
    height: 0.463rem;
  }

  /* 语音 */
  .yuyin_list {
    width: 100%;
    position: relative;
    display: flex;
    height: 1.2rem;
    /* padding: 0.2315rem 0.3704rem; */
    word-break: break-all;
    font-size: 0.3888888888888889rem;
    background-color: #fff;
    border-bottom: 1Px solid #f2f2f2;
    box-sizing: border-box;
  }

  .ly_start {
    width: 100%;
  }

  .ly {
    width: 100%;
    height: 1.2rem;
    /* border: 1Px solid #ddd; */
    border-radius: 0.1111rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #757575;
    /* justify-content: center; */
  }

  .ly img {
    width: 0.3704rem;
    height: 0.5rem;
    margin: 0 0.2777777777777778rem;
    /* margin-right: 0.2777777777777778rem; */
  }

  .ly_play .ly>span {
    float: right;
    /* margin: 0.282222rem 0.9259259259259259rem 0 0; */
  }

  .ly_start .ly>span {
    float: right;
    /* margin: 0.2037037037037037rem 0.46296296296296297rem 0 0; */
  }

  .del_ly,
  .zhuan {
    width: 0.8518518518518519rem;
    margin: 0.09259259259259259rem 0 0 0.23148148148148148rem;
    height: 0.8518518518518519rem;
  }

  .ly_tc {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    height: 3.7037037037037037rem;
    width: 3.7037037037037037rem;
    border-radius: 0.18518518518518517rem;
    text-align: center;
    z-index: 2000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 0.3888888888888889rem;
    /*display: none;*/
  }

  .ly_tc>img {
    margin: 1rem auto 0 auto;
    width: 1.5rem;
  }

  .yc {
    display: none;
  }

  .ly_play>div {
    display: flex;
  }

  .ly_play {
    display: none;
  }

  .busheji {
    background-color: #f2f2f2;
  }

  .duoxuan {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .duoxuan img {
    width: 0.462962rem;
    height: 0.462962rem;
    margin-left: 0.185185rem;
    margin-right: 0.185185rem;
  }

  .busheji_duoxuan {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .busheji_duoxuan button {
    margin-top: 0.37037rem;
    margin-bottom: 0.37037rem;
    width: 80%;
    height: 1.074074rem;
    color: white;
    background-color: #2b6cfe;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2b6cfe;
    border-radius: 0.148148rem;
  }

  .men-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 40px;
    border-bottom: 1Px solid #f2f2f2;
    background-color: #ffffff;
  }

  .list-box {
    display: flex;
    align-items: center;
    white-space: normal;
  }

  .dian {
    word-break: keep-all;
  }
</style>
